/**
  暗色系颜色值
*/
:root {
}

body.k-dark {
  color: var(--dark-txt);
  input,
  textarea {
    background-color: transparent;
  }
  .k-page {
    background-color: var(--dark-theme-body);
    .k-header {
      .header-content {
        background-color: var(--dark-theme-header);
      }
    }
    .page-cover .head-bar .logo.nav-show {
      color: var(--white);
    }
    .content {
      border-color: var(--dark-theme-border);
    }
    .cover-introduce,
    .nav {
      background-color: var(--dark-half-black);
      .time,
      .introduce {
        color: inherit;
      }
    }
    .nav {
      .nav-item {
        color: var(--dark-theme-txt);
        &:hover {
          color: var(--dark-hover-txt);
        }
      }
    }
    &.main-page .content {
      border-color: var(--dark-theme-border);
      &::after {
        background-color: var(--dark-theme-border);
      }
      .content-item {
        .cover,
        .info {
          border-color: var(--dark-theme-border);
          background-color: var(--dark-theme-body);
        }
        .info {
          background-color: var(--dark-theme-body);
        }
      }
    }
    .k-footer,
    .load-more {
      background-color: var(--dark-theme-body);
      .load-more-btn {
        border-color: var(--dark-theme-border);
      }
    }
  }

  // 文章列表页
  .k-article-page {
    .content {
      .month {
        &::before {
          background-color: var(--lightBlue);
          border-color: var(--blue-border);
        }
      }
      .month-item {
        border-left-color: var(--dark-theme-border);
        .article-item {
          border-bottom-color: var(--dark-theme-border);
          .cover-box {
            border-color: var(--dark-theme-border);
          }
        }
      }
    }
  }

  // 文章详情
  .k-article-info {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
      color: var(--dark-txt);
    }
    blockquote,
    pre {
      background-color: var(--opacity-cyan-1);
    }
  }

  // 留言板
  .k-message {
    .message-list .message-item {
      background-color: var(--opacity-cyan-1);
    }
  }
}
